.messageItem {
  min-height: 0.78rem;

  :global {
    .rce-container-mbox {
      margin-bottom: 0.3rem;
    }

    .rce-avatar-container {
      width: 0.8rem;
      height: 0.8rem;
      // border-radius: 0.1rem;
    }

    .leftAvatar {
      float: left;
    }

    .rightAvatar {
      float: right;
    }

    // .yellowBox {
    //   .rce-mbox {
    //     background-color: #fabf2a;
    //   }
    // }

    // .blueBox {
    //   .rce-mbox {
    //     background-color: #00afce;
    //   }
    // }

    .rce-mbox {
      min-height: 0.5rem;
    }

    .rce-mbox-time {
      display: none;
    }

    .rce-mbox-text {
      display: none;
    }

    // .rce-mbox-text:after {
    //   content: none;
    // }

    .rce-mbox-title {
      font-size: 0.3rem;
    }
  }
}
